﻿<!DOCTYPE html>
<html>
  <head>
    <title>网易</title>
<style>
header a{
  color:red;
}
input[type=text]{
  font-size:18px;
  background:#FFFFED;
}
input[type*=pass]{
  background:#a8ccf0;
}
section img:first-of-type{
  width:230px;

}
section li{
  color:#3f95d9;
}
footer a{
  color:#ccb7f9;
}
</style>
  </head>
  <header>
    <img src="图片素材/163logo.gif"><br />
    <a href="#mian">免费邮</a>
    <a href="#mian">企业邮</a>
    <a href="#mian">VIP邮箱</a>
    <a href="#mian">帮助</a><br /><br />

  </header>
  <section>
    <img src="图片素材/imap.jpg"><br />
    <div>
      <ul>
        <li>163/126/yeah三大免费邮箱均默认开放</li>
        <li>全面支持iPhone/iPad及Android等系统</li>
        <li>客户端、手机与网页、实现发送、阅读邮件</li><br />
      </ul>
      <a href="http://www.163.com">立即同步普通登录手机号登录</a><br /><br />
    </div>
      <from method="get">
      用户名: <input type="text"> @163.com<br /><br />
      密码：<input type="password"><br /><br />
      版本：<select><br /><br />
        <option>默认</option></select><br />
        <br />
        <input type="checkbox"/>自动登录<input type="checkbox" checked/>SSL<br /><br />
    </from>
  </section>
  <footer>
    <img src="图片素材/netease_logo.gif">
    <a href="#mian">关于网易</a>
    <a href="#mian">免费邮</a>
    <a href="#mian">官方博客</a>
    <a href="#mian">客户服务 隐私政治</a>
    <a href="#mian">网易公司版权所有&copy;2015-2018</a>
  </footer>      
    </from>


  </body>
</html>
